<template>
    <div>
        <div class="top">
            <el-breadcrumb separator-class="el-icon-arrow-right">
                <el-breadcrumb-item :to="{ path: '/index' }">首页</el-breadcrumb-item>
                <el-breadcrumb-item>基础管理</el-breadcrumb-item>
                <el-breadcrumb-item>用户管理</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div>
            <UserTable></UserTable>
        </div>
        <div class="bottom">
            <pictureCard></pictureCard>
        </div>
    </div>
</template>

<script>
    import UserTable from "../../components/basic/UserTable";
    import pictureCard from "../../components/card/pictureCard";
    export default {
        name: "UserView",
        components:{
            UserTable,
            pictureCard

        }
    }
</script>

<style scoped>
    .top{
        margin-bottom: 12px;
    }
    .bottom{
        margin-top: 5em;
    }
</style>
